<template>
  <div>
    <el-row class="header">
      <el-col :span="16">
        <span style="letter-spacing:5px">义齿家交易平台</span>
      </el-col>
      <el-col :span="8">
        <router-link to="/register" tag="button" class="btn">加入我们</router-link>
        <router-link style="margin-left:30px" to="/login" tag="button" class="btn">我要登录</router-link>
      </el-col>
    </el-row>
    <div class="content">
      <div class="center" />
    </div>
  </div>
</template>
<style  scoped>
    .header{
        background: #000;
        color: #fff;
        font-weight: 900;
        font-size: 26px;
        line-height: 60px;
        padding-left: 100px;
    }
    .btn{
        font-size: 16px;
        color: #fff;
        line-height: 30px;
        padding: 0px 20px;
        background-color: rgb(248, 63, 7);
        border: 0;
        border-radius: 3px;
    }
    .content{
        height: 500px;
        background-color: rgb(248, 63, 7);
        padding: 50px 100px;
    }
    .center{
        background-color: #fff;
        /* margin: 40px 100px; */
        height: 300px;
        border-radius: 5px;
        box-shadow: 0 0 3px #fff;
    }
</style>
